<html>

<head>
    <meta charset="UTF-8">
</head>

<body>
    <div class="topNav">
        <div class="floatRight">
            <div class="topTitle">
                登录
            </div>
            <div class="topTitle">
                注册
            </div>
            <div class="topTitle">
                我的订单
            </div>
            <div class="topTitle">
                帮助中心
            </div>
            <div class="topTitle">
                在线客服
            </div>
            <div class="topTitle">
                手机版
            </div>
        </div>
    </div>

    <div class="middleNav">
        <div class="floatLeft">
            <img src="C:\Users\dante\Pictures\Screenshots\logo.png" class="floatLeft">
        </div>
        <div class="middle">
            <a href="index2.html">
                首页
            </a>
            <a href="book.html">
                图书库
            </a>
            <a href="video2.html">
                教学资料库
            </a>
            <a href="about.html">
                关于我们
            </a>
        </div>
        <div class="floatRight search">
            <input class="midinput" placeholder="请输入关键字">
            <button class="midbutton">搜索</button>
        </div>
    </div>
    <div class="playpart">
        <div style="font-size: smaller;margin-top: 5px;">
            视频播放
        </div>
        <br>
        <div class="start">
            <video id="myVideo" src="C:\Users\dante\Videos\屏幕录制\d.mp4" controls muted loop class="clip "></video>
        </div>
        <div class="three">
            <a href="" style="float: left;">点赞</a>
            <a href="" style="float: left;">收藏</a>
            <a href="" style="float: left;">分享</a>
            <span style="float: right;">12.5万次播放</span>
        </div>
    </div>
    <div class="bottom">
        │© 2025 在线学习平台 | 隐私政策 | 使用条款 | 联系我们 │
    </div>

</body>

<script>
    // 1. 解析地址栏
    const params = new URLSearchParams(location.search);
    const src = params.get('v');   // 优先 v

    // 3. 拿到真实地址
    const realSrc = src;   // 如果是 id 就走映射，否则直接用 v

    // 4. 换源 + 自动播放
    if (realSrc) {
        const video = document.getElementById('myVideo');
        video.src = realSrc;
        video.load();
        video.play().catch(e => console.log('自动播放被拦截', e));
    } else {
        document.body.innerHTML = '<p>缺少视频参数</p>';
    }
</script>

<style>
    @import url("topNav.css");
    @import url("common.css");
    @import url("middleNav.css");
    @import url("middleSite.css");
    @import url("bottom.css");

    * {
        box-sizing: border-box;
    }
</style>

</html>